html
{
  height: 100%;
  min-height: 100%;
  width: 960px;
  margin: 0 auto;
  background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
a
{
  text-decoration: none;
  color: red;
}
a img 
{
  border: 0px;
}
body 
{
	
  min-height: 100%;
  height: 100%;
	

}
header 
{
	height: 240px;
	width: 960px;
	margin-top: 40px;
	background: #9dd53a; /* Old browsers */
background:  -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background:  -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
background:  -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
background:  linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}
#khung-phai-header
{
	background-image: url(../images/baner.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position:right;
	float: left;
	width: 750px;
	height: 200px;

}
#logo
{
	width: 170px;
	height: 170px;
	border: 5px solid green;
	float: left;
	margin: 10px;
}
#slogan
{
  height: 30px;
  word-spacing: 10px;
  letter-spacing: 0.3em;
  text-align: center;
 line-height: 30px;
 width: 974px;
font-weight: bold;
color: #fff;
font-size: 1.3em;
background-color: #000;
float: left;
margin-left: -7px;
font-family: Architects Daughter ;
}
#tamgiactrai
{
  width: 0px;
height: 0px;
border-style: solid;
border-width: 0 7px 9px 0;
border-color: transparent #1A1515 transparent transparent;
float: left;
margin-left: -7px;
}
#tamgiacphai
{
   width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 7px 0px 0;
border-color: #1A1515 transparent transparent transparent;
float: right;
margin-right: -7px;
}
nav 
{
	
	position: fixed;
	top:0;
	width: 960px;
	
}
#canhtrai
{
	width: 50px;
	position: fixed;
	left: 0;
	top: 200px;
	
}
/* POPUP DANG NHAP*/
#popup-dangnhap
{
  width: 400px;
  height: 200px;
  position: fixed;
  top: 35%;
  left: 32%;
  color: #06680E;
z-index: 9999;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding-left: 60px;
padding-top: 50px;
display: none;
}

#popup-bg
{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:999;
  background:#000;
  display: none;
  opacity: 0.6;
}


nav ul { margin: 0; padding: 0;}
nav li { margin: 0; padding: 0;}
nav a { margin: 0; padding: 0;}
nav ul {list-style: none;}
nav a {text-decoration: none;}
nav {height: 40px; z-index: 99;  box-shadow: 0px 2px 3px rgba(0,0,0,.4);background: #006e2e; /* Old browsers */
background: -moz-linear-gradient(top, #006e2e 0%, #006e2e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e2e), color-stop(100%,#006e2e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #006e2e 0%,#006e2e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #006e2e 0%,#006e2e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #006e2e 0%,#006e2e 100%); /* IE10+ */
background: linear-gradient(to bottom, #006e2e 0%,#006e2e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=0 ); /* IE6-9 */}


nav > ul > li {
    float: left;
    margin-left: 10px;
    position: relative;
}

nav > ul > li > a {
    color: rgb(0, 255, 82);
    font-family: Verdana, 'Lucida Grande';
    font-size: 15px;
    line-height: 40px;
    padding: 5px 10px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

nav > ul > li > a:hover {color: rgb(250,250,250);  }


nav > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

nav > ul > li:hover > ul {
    opacity: 1;
    top: 65px;
    visibility: visible;
}

nav > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}

nav > ul ul > li { position: relative;}

nav ul ul a{
    color: rgb(0, 255, 82);
    font-family: Verdana, 'Lucida Grande';
    font-size: 13px;
    background-color: rgb(250,250,250);
    padding: 5px 8px 7px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

nav ul ul a:hover {background-color: rgb(240,240,240);}


nav ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


nav ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}
a:hover
{
	text-decoration: none;
	
}

nav ul ul a:hover{
    background-color: rgb(205,44,36);
    color: rgb(240,240,240);
}


/*  slide */

#khung-slide
{
  background-color: #fff;
  width: 960px;
  height: 300px;
  margin-top: 10px;
}
#slide
{
	float: right;
margin-top: -10px;
margin-right: 5px;
}
#gioi-thieu
{
	margin-right: 5px;
	width: 275px;
	height: 280px;
  margin-top: 20px;
}
#loi-gioi-thieu
{
	overflow: auto;	
	height: 250px;

}



#scr1 div {
  visibility:hidden;
 }
 #scr1, #scr1 div.default {
   width:160px;
   height:120px;
   overflow:hidden;
   visibility:visible;
 }
 #scr1 table tr td div {
  visibility:visible;

 }

 #scr1 {
   background-color:#fff;
   margin:0px auto;
   font-size: .8em;
  
 }
 
#content1
{
  width: 960px;
    margin-top: 10px;
  background-color: #fff;
 float: left;
 min-height: 300px;

}
/* khu vuc aside */
 aside
 {
  width: 280px;
  float: left;
  margin: 20px 0px 10px 20px; 
 }

 article
 {
  width: 650px;
  float: left;
  
 }
 article >section
 {
  width: 590px;
  height: 300px;
 color: #0619A5;
border-style: solid;
border-width: 27px;
-moz-border-image: url("../images/khung bao.png") 27 stretch;
-webkit-border-image: url("../images/khung bao.png") 27 stretch;
-o-border-image: url("../images/khung bao.png") 27 stretch;
border-image: url("../images/khung bao.png") 27 fill stretch;
  margin: 10px 5px 20px 10px;
  float: left;
 }
 .noidung
 {
  width: 250px;
  margin: 20px 10px 0px 10px
 }
 .hinhnen
 {
  margin-top: 30px;
  float: left;
 }
 .ten-chuyen-muc
 {
  border-bottom: 1px solid red;
  text-transform: uppercase;
 }
 .khung-noidungbantin
 {
 
  color: #fff !important;
  display: none;
 }
 .tieude
 {
  height: 40px;
  vertical-align: middle;
  text-align: center;
   background-color: black;
   padding-top: 7px;
  opacity: 0.7;
  font-size: 0.8em;
  /*line-height: 40px;*/
 }
 .noidungbantin
 {
   background-color: black;
   padding-top: 7px;
  opacity: 0.5;
  font-size: 0.8em;
 }
 .khung-tren-aside
 {
  width: 285px;
  background-color: #075F07;
  height: 40px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.2em;
line-height: 40px;
 }
 .tamgiac
 {
  width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 5px 0 0;
border-color: #075F07 transparent transparent transparent;
float: right;
margin-right: -5px;
 }
.khung-duoi-aside
{
  border: 1px solid #075F07;
  min-height: 100px; 
  text-align: center;

}
.fb-like-box
{
  margin-top: 20px;
  margin-bottom: 20px;
}
.khungbao
{
  margin-top: 10px;
}
footer
{
  width: 960px;
  height: 80px;
  background-color: #fff;
  float: left;
  margin-top: 10px;
  
}
.hieuung {
transition:All 1.3824s ease;
-webkit-transition:All 1.3824s ease;
-moz-transition:All 1.3824s ease;
-o-transition:All 1.3824s ease;
transform: rotate(0deg) scale(0.957) skew(-7deg) translate(-4px);
-webkit-transform: rotate(0deg) scale(0.957) skew(-7deg) translate(-4px);
-moz-transform: rotate(0deg) scale(0.957) skew(-7deg) translate(-4px);
-o-transform: rotate(0deg) scale(0.957) skew(-7deg) translate(-4px);
-ms-transform: rotate(0deg) scale(0.957) skew(-7deg) translate(-4px);
}
.hieuung:hover{
transform: rotate(0deg) scale(1.397) skew(-7deg) translate(-4px);
-webkit-transform: rotate(0deg) scale(1.2) skew(-7deg) translate(-4px);
-moz-transform: rotate(0deg) scale(1.2) skew(-7deg) translate(-4px);
-o-transform: rotate(0deg) scale(1.2) skew(-7deg) translate(-4px);
-ms-transform: rotate(0deg) scale(1.2) skew(-7deg) translate(-4px);
cursor: pointer;
}

#popup-dangky,#popup-gopy
{
  width: 400px;
  height: 350px;
  position: fixed;
  top: 30%;
  left: 32%;
  color: #06680E;
z-index: 9999;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding-left: 60px;
padding-top: 50px;
display: none;
}

#footer-trai
{
  float: left;
  width: 460px;
  color: #068101;
  padding-top: 10px;
  padding-left: 20px;
}
#footer-trai a 
{
  text-decoration: none;


}
#footer-phai
{
  color: #068101;
  padding-top: 10px;
  padding-left: 20px;
  float: left;
}
.top-tin-moi
{
  width: 300px;
height: 240px;
float: right;
margin-right: 10px;
}
.hien-tieu-de
{
  width: 100%;
  height: 30px;
  border-bottom: 1px solid red;
  line-height: 30px;
  overflow: hidden;
}

/* Phần hiển thị nội dung bài viết*/
#box-noidung
{
  width: 80% ;
  margin:20px auto;
  border: 3px solid green;
  padding: 20px;
}

.font-style {
  font-family: "Brush Script MT", cursive;
  color: #000000;
  font-size: 12;
  padding: 5;
}

#tieudebaiviet
{
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 10px;
}
#tomtatbaiviet
{
  font-weight: bold;
}
#baivietlienquan
{
  width: 70%;
  margin: 10px auto;

}
.fb-comments
{
  margin: 10px 8%;
}
#tacgia
{
  font-weight: bold;
  font-size: 0.8em;
  margin:10px 10%;
}
/*hết phần hiển thị*/


/* link admin*/

#box_admin
{
  height:50px; width:100px;position:fixed;top:200px;left:5px;
  
}
#link_admin
{
  color: #fff !important;
  font-size: 1.3em;
}